<template>
  <div class="dashboard-container">
    <el-card class="welcome-card">
      <div class="welcome-content">
        <i class="fas fa-chart-line welcome-icon"></i>
        <div>
          <h2>欢迎使用服务器配置中心</h2>
          <p>这是一个用于管理各种网络服务的集中配置界面</p>
        </div>
      </div>
    </el-card>
    
    <div class="service-cards">
      <el-card class="service-card">
        <div class="service-card-content">
          <div class="service-icon">
            <i class="fas fa-globe"></i>
          </div>
          <div class="service-info">
            <h3>动态DNS</h3>
            <p>状态: <el-tag type="success">运行中</el-tag></p>
            <el-button type="primary" size="small" @click="$router.push('/ddns')">配置</el-button>
          </div>
        </div>
      </el-card>
      
      <el-card class="service-card">
        <div class="service-card-content">
          <div class="service-icon">
            <i class="fas fa-random"></i>
          </div>
          <div class="service-info">
            <h3>反向代理</h3>
            <p>状态: <el-tag type="info">未配置</el-tag></p>
            <el-button type="primary" size="small" disabled>配置</el-button>
          </div>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script setup>
// 仪表盘视图组件
</script> 